/* pages/agentOrder/agentOrder.wxss */
.container {
    background-color: #f5f5f5;

    .van-tabs__line {
        background: #3d2e26;
    }

    .van-tab--active {
        color: #3d2e26;
    }

    .scroll {
        height: calc(100vh - 246rpx);
    }

    .order-list {
        .order-item {
            background-color: #fff;
            padding: 30rpx;

            &:nth-child(n+2) {
                margin-top: 15rpx;
            }

            .title {
                margin-bottom: 20rpx;
                justify-content: space-between;
                font-size: 26rpx;
                color: #999999;

                .red {
                    font-size: 28rpx;
                    color: #fe2448;
                    opacity: 0.97;
                }

                .success {
                    color: #67C23A;
                }
            }

            .info {
                padding-bottom: 20rpx;

                .goods-list {
                    .goods-item {
                        align-items: stretch;
                        margin-bottom: 20rpx;

                        .good-img {
                            width: 150rpx;
                            height: 150rpx;
                            background-color: #ffffff;
                            margin-right: 10rpx;
                        }

                        .right-info {
                            flex-grow: 1;
                            justify-content: space-between;
                            align-items: flex-start;
                            // border: 1px solid red;
                            font-size: 26rpx;

                            .name {
                                width: 500rpx;
                            }

                            .spec {
                                color: #888888;
                            }

                            .price {
                                width: 100%;
                                justify-content: space-between;

                                .number {
                                    color: #999999;
                                }
                            }
                        }
                    }
                }

                .more-btn {
                    justify-content: center;
                    border-top: 1px solid #eeeeee;

                    image {
                        width: 14rpx;
                        padding: 0 10rpx;
                    }
                }

                .total {
                    justify-content: space-between;

                    .left {
                         font-size: 28rpx;
                        color: #999999;
                    }

                    .right {
                        font-size: 28rpx;
                        color: #333;
                        font-weight: bolder;

                        .word {
                            font-weight: normal;
                            color: #666;
                        }

                    }
                }

                .refund {
                    font-size: 26rpx;
                    color: #f88094;
                    text-align: right;
                    margin-top: 3rpx;
                }
            }

            .operation {
                justify-content: flex-end;

                .btn-wrap {
                    .base-style {
                        margin-left: 10rpx;
                         font-size: 28rpx;
                        line-height: 24rpx;
                        border: solid 1rpx #999999;
                        background-color: #fff;
                        color: #999999;
                        padding: 10rpx 20rpx;
                        border-radius: 26.99rpx;
                        box-shadow: none;
                    }

                    .red {
                        border: solid 1rpx #fe2448;
                        color: #fe2448;
                    }

                    .success {
                        border: solid 1rpx #67C23A;
                        color: #67C23A;
                    }

                    .primary {
                        border: solid 1rpx #409EFF;
                        color: #409EFF;
                    }
                }
            }
        }
    }

    .refundDialog {
        width: 70vw;
        padding: 50rpx;
        font-size: 26rpx;

        .van-cell {
            border-bottom: 1px solid #f2f2f2;
        }

        .van-field__page {
            margin-top: 10rpx;
            border-bottom: 1px solid #f2f2f2;
        }

        .btn {
            width: 156rpx;
            height: 55rpx;
            border-radius: 26.99rpx;
            text-align: center;
            line-height: 55rpx;
            border: solid 1rpx #3d5afe;
            color: #3d5afe;
             font-size: 28rpx;
            margin: 30rpx auto 0;
        }
    }
}